
import PropTypes from 'prop-types'
import React from 'react'
// import CSSModules from '../../lib/CSSModules'
// import styles from './FullscreenButton.styl'
import i18n from '../../lib/i18n'
// import Button from '@material-ui/core/Button';
import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip';
const OSX = global.process.platform === 'darwin'
const FullscreenButton = ({ onClick }) => {
  const hotkey = (OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')) + '+B'
  return (
   <Tooltip title={i18n.__('Fullscreen')+hotkey}>
   <IconButton variant="outlined"
      className='control-fullScreenButton'
      onMouseDown={e => onClick(e)}
    >
      <img src='../resources/icon/icon-full.svg' />
    </IconButton>
    </Tooltip>
  )
}

FullscreenButton.propTypes = {
  onClick: PropTypes.func.isRequired
}

export default FullscreenButton;// CSSModules(FullscreenButton, styles)
